<template>
    <div class="bm-view">{{centerData}}
        <!-- <baidu-map 
            class="bm-view" 
            :center="center" 
            :zoom="15"
            :scroll-wheel-zoom="true" 
            :dragging="true"
            >
        </baidu-map> -->
    </div>
</template>

<script setup lang="ts">
    import { onMounted, ref, watch } from 'vue'
    const props = defineProps<{centerData:any}>();
    onMounted(()=>{
    })
</script>

<style>
.bm-view {
  width: 100%;
  height: 200px;
  border-radius: 8px;
  overflow: hidden;
}
</style>
